<template>
    <div>
		<div class="pre-air-header">{{itemba.name}}</div>
		<div class="predid" style="display: none">{{itemba.deviceid}}</div>
		<div class="pre-air-content">
			<ul>
				<li>
					<div class="pre-air-name">采集状态:</div>
					<div class="pre-air-data" >
              <div class="device-status" :class="{device_status_active:alarms['917504']}"></div>
				    </div>
				</li>
				<li>
					<div class="pre-air-name">电压:</div>
					<div class="pre-air-data" >{{alarms["917505"]}}</div>V
				</li>
				<li>
					<div class="pre-air-name">电流:</div>
					<div class="pre-air-data">{{alarms["917506"]}}</div>A
				</li>
				<li>
					<div class="pre-air-name">内阻:</div>
					<div class="pre-air-data">{{alarms["917507"]}}</div>Ω
				</li>
			</ul>
		</div>
    </div>
</template>
<script>
export default {
	props:["itemba","alarms"],
	data(){
	},
}
</script>
<style>
.device-status{
  width:13px;
  height:13px;
  border-radius: 50%;
  background: #13ce66;
  box-shadow: 2px 2px 3px #bfbeb8;
  margin: auto;
  margin-top: 5px;
}
.device_status_active{
  background: #ff4949;
}
</style>
